*{
    margin: 0;
    padding: 0;
}
/* 开始头部 */
/* @charset "UTF-8"; */
body .navbar-default{
    background-color: #f34541;
    margin-bottom: 0;
    border-radius: 0;
}
body .navbar-default .navbar-brand{
    color: #fff;
}
body .navbar-default .navbar-brand:hover{
    color: #fff;
}
body .navbar-default .navbar-nav > .active > a{
    padding: 6px 10px;
    color: #fff;
    background-color: #f34541;
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    margin-top: 7px;
}
body .navbar-default .navbar-nav > .active > a:hover{
    background-color: #f31542;
    color: #fff;
}
body .form-group .form-control{
    border-radius: 0;
    border-color: #f01611;
    color: #aa0e0b;
    opacity: 0.4;
    position: relative;
}
body .form-group .form-control:hover{
    opacity: 1;
    color: #f01611;
}
body .glyphicon-search{
    position: absolute;
    right: 20px;
    top: 16px;
    background-color: transparent;
    border: none;
    color: #f01611;
    z-index:1031;
}
body .form-group .glyphicon-search:hover{
    color: #aa0e0b;
}
body .navbar-default .navbar-nav .item-bc{
    height: 56px;
    color: #fff;
    background-color: #f01b16;
}
body .navbar-default .navbar-nav .item-bc:hover{
    background-color: #da120e;
}
body .navbar-default .navbar-nav > li > a{
    color: #fff;
}
body .navbar-default .navbar-nav > li > a:hover{
    color: #fff;
}
body .navbar-default .navbar-nav > li > a .badge{
    padding: 3px 5px;
    border-radius: 0;
    background-color: #fff;
    color: #d8120e;
    margin-left: 4px;
}
.item-bc1{
    height: 56px;
    background-color: #d8120e;
}
body .item-bc1:hover{
    background-color: #c2100f;
}
.dropdown-toggle img{
    border: 2px solid #fff;
    vertical-align: middle;
}
.dropdown{
    background-color: #c3100c;
}
.dropdown:hover{
    background-color: #aa0e0b;
}
/* 结束头部 */
/*  */
.content-left{
    width: 26%;
    background-color: #f4f4f4;
    border-right: 1px solid #ddd;
}
.item-color{
    color: #000;
    font-weight: bold;
    text-indent: 10px;
}
.left-list{
    list-style: none;
    padding-left: 0;
}
.left-list a{
    color: #3c3c3c;
}
.left-list a:hover{
    text-decoration: none;
    color: #3c3c3c;
}
.left-list .list-item:hover i{
    color: #f01b16;
}
.left-list .list-item i{
    display: inline-block;
    width: 30px;
    text-align: center;
    color: #6e6e6e;
    font-size: 20px;
}
.left-list li ul{
    list-style: none;
    padding-left: 0;
}
.left-list .list-item .left-list-little .list-item-little i{
    font-size: 16px;
}
.content-left .list-item .list-item-font{
    display: inline-block;
    margin-left: 10px;
}
.list-item{
    background-color: #F4F4F4;
    line-height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid white;
    border-top: 1px solid #e5e5e5;
}
.list-item:hover{
    background-color: #fff;
}
.left-list .list-item .angle-down{
    width: auto !important;
    float: right;
    line-height: 40px;
}
.left-list .list-item ul{
    display: none;
}
.left-list .list-item ul li{
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    /* padding-left: 10px; */
    background-color: #eeeeee;
    border-top: 1px solid #cbcbcb;
    color: #222222;
}
.left-list .list-item ul li:hover{
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    /* padding-left: 10px; */
    background-color: #F4F4F4;
    border-top: 1px solid #cbcbcb;
    color: #222222;
}
.list-item-little{
    width: 250px;
    margin-left: -10px;
    background-color: #E5E5E5;
}
.list-item-little:hover{
    width: 250px;
    margin-left: -10px;
    background-color: #F4F4F4;
}
.content{
    width: 100%;
}
.content-left{
    float: left;
    width: 250px;
    min-height: 850px;
    background-color: #F4F4F4;
}

.chats-right{
    min-width: 272px;
    margin-left: 250px;
    background-color: #FBFBFB;
}
.header{
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    background-color: white;
    border-bottom: 1px solid #DDDDDD;
}
.fa-comments{
    color: #F34541;
}
.chats-right .header div:last-child a{
    color: #000;
}
.chats-right .header div:last-child a:hover{
    color: #F34541;
    text-decoration: none;
}
.header div:first-child span{
    font-size: 27px;
    font-weight: bold;
}
.header div:last-child{
    font-size: 14px;
}
.header div:last-child a{
    color: #000;
}
.header div:last-child span:last-child{
    color: #9999A5;
}
.chats-right .chats-containers .alert-dismissible{
    width: 94%;
    margin-left: 3%;
    border-radius: 0;
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    margin-bottom: 20px;
}
.chats-containers{
    font-size: 14px;
    margin-left: 250px;
}
.chats-containers .alert {
    border-radius: 0px;
    padding: 7px 10px;
}
.chats-containers .alert {
    /* height: 36px; */
    margin: 30px 20px;
    color: #3A87BD;
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
}
.close{
    margin-right: 20px;
}
.unstyled{
    list-style: none;
    padding-left: 0;
}
.ul-border{
    height: 300px;
    overflow-y: auto;
    border: 1px solid #dddddd;
}
.message{
    height: 80px;
    border-top: 1px solid #dddddd;
    padding: 10px 10px;
}
.message .body{
    width: 90%;
    margin-top: 24px;
    margin-left: 50px;
}
.scroll .input-group{
    margin-top: -10px;
}
.input-group .form-control,.input-group .btn{
    border-radius: 0;
}
.scroll{
    width: 94%;
    margin-left: 3%;
}
   